<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <link rel="stylesheet" href="css/inputForm.css">

<jsp:include page="header.jsp"/>
<jsp:include page="aside_login.jsp"/>

<script type="text/javascript">
/* 필수입력 항목이 비었을경우 경고창과 포커스를 처리한후 false를  반환*/



function checkIt() {
var userinput = document.userinput;

/* if (!userinput.id.value) {
alert("ID를 입력하세요");
userinput.id.focus();
return false;
} */
if (!userinput.passwd.value) {
alert("비밀번호를 입력하세요");
userinput.passwd.focus();
return false;
}
if (!userinput.name.value) {
alert("사용자 이름을 입력하세요");
userinput.name.focus();
return false;
}
if (!userinput.answer.value) {
alert("비밀번호 찾기 답변을 입력하셔야합니다!");
userinput.answer.focus();
return false;
}
if (!userinput.birth.value) {
alert("생년월일을 입력해주세요!");
userinput.birth.focus();
return false;
}

if(userinput.checkdup.value!=1){
alert("중복체크를 하세요.");
return false;
}

return true;
}

//아이디 중복 여부를 판단
function openConfirmid(userinput) {
//아이디를 입력했는지 검사


/* if (userinput.id.value == "") {
alert("아이디를입력하세요");
userinput.id.focus();
return false;
} */

//url과 사용자 입력 id를 조합합니다.
url = "confirmId.jsp"
/*? id=" + userinput.id.value; */

//새로운 윈도우를 엽니다.
open(url,"confirm","toolbar=no,location=no,status=no,menubar=no,scrllbar=no,resizable=no,width=300,height=200");

}
</script>
</head>
<article>
<body>
    <div id="input">
    <table align="center">
        <tr>
            <td>
                <!-- 
onSubmit="return checkIt()"  : checkIt() 리턴값이 true면  Submit을 실행
false면 실행안함(자바스크립트에서경고창 포커스처리)
-->

                <form method="post" action="inputPro.jsp" name="userinput"
                    onSubmit="return checkIt()">
                    <table cellpadding="5" >
                        <tr>
                        <td align=right>
                    사용자 ID<font color=red>*</font> </td>
                    <td ><input type="text" name="id" size="10" maxlength="12" readonly="true" onclick="alert('아이디 중복 확인을 해 주세요')"> 
                    <!-- 중복확인 -->
                
                    <input type="button" id="yes" name="confirm_id" value="ID 중복확인"
                        onClick="openConfirmid(this.form)"></td></tr>
                    
                    <tr><td align=right>비밀번호<font color=red>*</font> </td><td><input type="password" name="passwd" size="15" maxlength="12"></td></tr>
                     <tr><td align=right>비밀번호확인<font color=red>*</font> </td><td><input type="password" name="passwd" size="15" maxlength="12"></td></tr>
                   <tr><td align=right> 사용자이름<font color=red>*</font> </td><td><input type="text" name="name" size="15" maxlength="10"></td></tr>
                   
                   <tr><td align=right>전화번호<font color=red>*</font></td>
                    <td colspan="0"><select name="phone1"><option value="010">010</option><option value="011">011</option><option value="016">016</option></select>
                     
                                 -<input type="text" name="phone2" size="2" maxlength="4">
                    - <input type="text" name="phone3" size="2" maxlength="4"></td>
                    </tr> 


                    
                    <tr><td align=right>주소</td><td><input type="text" name="address" size="40"
                        maxlength="10"></td></tr>
                   
                      

                        <tr>
                            <td align=right>
                        비밀번호 찾기 질문</td><td><select   name="question">
                        <option value='1'>가장 기억에 남는 장소는?</option>
                        <option value='2'>나의 좌우명은?</option>
                        <option value='3'>나의 보물 제1호는?</option>
                        <option value='4'>가장 기억에 남는 선생님 성함은?</option>
                        <option value='5'>다른 사람은 모르는 나만의 신체비밀은?</option>
                        <option value='6'>오래도록 기억하고 싶은 날짜는?</option>
                        <option value='7'>받았던 선물 중 기억에 남는 독특한 선물은?</option>
                        <option value='8'>가장 생각나는 친구 이름은?</option>
                        <option value='9'>인상 깊게 읽은 책 이름은?</option>
                        <option value='10'>읽은 책 중에서 좋아하는 구절은?</option>
                        <option value='11'>내가 존경하는 인물은?</option>
                        <option value='12'>다시 태어나면 되고 싶은 것은?</option>
                        <option value='13'>내가 좋아하는 만화 캐릭터는?</option>
                        <option value='14'>초등학교 시절 나의 꿈은?</option>
                        <option value='15'>내 휴대폰 3번에 등록된 사람은?</option>
                        <option value='16'>나의 출신 초등학교는?</option>
                        <option value='17'>우리집 애완동물의 이름은?</option>
                        <option value='18'>나의 노래방 애창곡은?</option>
                        <option value='19'>가장 감명깊게 본 영화는?</option>
                        <option value='20'>좋아하는 스포츠 팀 이름은?</option>
                        <option value='21'>본인의 출생지는?</option>
                        <option value='99'>직접입력</option></td>

                    </select> 
                   <tr><td> 비밀번호 찾기 답변<font color=red>*</font></td><td><input type="text" name="answer" size="15"
                        maxlength="30"></td></tr>
                        <tr><td></td><td align=left>
                        <font size="2" color="gray"><font color=red>*</font>는 필수 입력 항목입니다.</font></td></tr>
                    
                    <tr><td align=right><input type="submit" value="등   록"></td>
                    <td><input type="reset" value="다시 입력"></td></tr>
   </table>
                </form>

            </td>
        </tr>
    </table>
</div>
</body>
</article>
</html>


<jsp:include page="footer.jsp"/>